{Day18} 小公主訂單網頁嘗試集＿第十八集＿javascript__boolean

2022 iThome 鐵人賽

DAY 18

Modern Web

訂單網頁嘗試集系列第 18 篇

14th鐵人賽網頁教學網頁設計

icetong

2022-10-03 20:51:34

268 瀏覽

分享至

Blue Monday again!
沒事ㄉ，我們今天的進度延續前兩天的基本語法，今天來介紹boolean（布林值）

布林值是什麼概念呢？

boolean呈現方式為以下兩種：
true 真
false 假

那false 的情況有以下五種

null
數值 0
NaN
空字串 ''
undefined

x = 100;
Boolean(x); // true

x = '';
Boolean(x); // false

x = 'hi';
Boolean(x); // true

x = null;
Boolean(x); // false

boolean程式碼：

<body>
    
    <p id="demo"></p>
    

    <script>
        let x = "";
        let x2='hi';
        let x3=null;
        document.getElementById("demo").innerHTML =
        "100 is " + Boolean(100) + "<br>" +
        "'' is " + Boolean("") + "<br>" +
        "hi is " + Boolean(x2) + "<br>" +
        "null is " + Boolean(x3) + "<br>"       
    </script>
</body>

網頁呈現：